<template>
<div class="hello">
    <h1>{{ msg }}</h1>
    <p style="color:#02b983"> {{ msg_en }}</p>
    <p>
        以旅游度假为宗旨，以村庄野外为空间，以人文无干扰、生态无破坏、以游居和野行为特色的村野旅游形式
    </p>
    <p style="color:#42b983">
        Take tourism and vacation as the purpose, take the village field as the space, and take the form of village tourism with no human interference, no ecological damage, and characteristics of wandering and wild behavior.
    </p>
</div>
</template>

<script>
export default {
    name: 'HomeWelcome',
    props: {
        msg: String,
        msg_en: String
    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

<style lang="scss" scoped>
h3 {
    margin: 40px 0 0;
}

ul {
    list-style-type: none;
    padding: 0;
}

li {
    display: inline-block;
    margin: 0 10px;
}

a {
    color: #42b983;
}

.hello {
    padding-bottom: 50px;
    background-color: #f8f9fa; /* 设置为偏灰色背景 */
    padding: 40px 20px;
    margin: 0 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
</style>
